{% extends "layouts/blank.html" %}
{% block content %}
  <style>
  body{background: #fbfbfb;}
  </style>
  <div class="login-box" style="padding: 50px;">
    <h1 style="text-align: center;margin-bottom: 50px;">量子数据社区登录</h1>
    <div class="row">
      <form action="/user/login" method="post">
        {% if message %}
          <div class="alert alert-danger" role="alert">
            {{ message }}
          </div>
        {% endif %}
        <div class="form-group">
          <div class="controls row">
            <div class="input-group col-sm-12">
              <input type="text" class="form-control" placeholder="请输入您的手机号码" name="phone">
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="controls row">
            <div class="input-group col-sm-12">
              <input type="password" class="form-control" placeholder="请输入您的密码" name="password">
            </div>
          </div>
        </div>
        <div class="confirm">
          <a href="/user/register" style="float: right;">没有账号？去注册</a>
        </div>
        <div class="row">
          <button type="submit" class="btn btn-primary btn-lg col-xs-12">登录</button>
        </div>
        <br>
        <div class="text-with-hr">
          <span>其他登录方式</span>
        </div>
      </form>
    </div>
    <div class="clearfix"></div>
    <div class="text-center row" style="margin-top: 20px;">
      <ul>
        <li><a href="javascript:;" class="wait"><i class="fa fa-qq"></i></a></li>
        <li><a href="javascript:;" class="wait"><i class="fa fa-weixin"></i></a></li>
        <li><a href="javascript:;" class="wait"><i class="fa fa-weibo"></i></a></li>
      </ul>
    </div>
  </div>
{% endblock %}
